.container {
	margin: 0 auto;
	width: 960px;
	max-width: 90%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.site-main {
	padding: 70px 0;
}

.site-main {
	display: block;
}

.sidebar-left {
	float: left;
	width: 74%;
	max-width: 710px;
}

.sidebar-right {
	width: 24%;
	max-width: 240px;
	float: right;
	position: relative;
}

.site-content { width: 75%; max-width: 710px; margin-left: auto; margin-right: auto; margin-bottom: 40px;}

/* footer */
#footer { top: 100%; left: 0; right: 0; background: #fff; border-top: 1px solid #e5e5e5; padding: 50px 0 10px 0; overflow: hidden; }
#footer a { color: #777; font-size: 13px; }
#footer h4 { color: #e67862; font-weight: bold; }
.footer-bottom {font-size: 13px;}
.footer-bottom ul>li {padding:0;}
.footer-bottom ul>li+li:before { padding: 0 10px; color: #ccc; content: "|"; }

/* Tablet (Portrait)
================================================== */
@media only screen and (min-width: 768px) and (max-width: 959px) { 
	.site-main { max-width: 620px; width: 85%; }
	.sidebar-left { width: 100%; max-width: 100%; }
	.sidebar-right { width: 100%; max-width: 100%; }
	.sidebar-right { margin-top: 50px }
	/*grids*/
	.masonry-grid .masonry-entry.span_1_of_3,
	.masonry-grid .masonry-entry.span_1_of_4 { width: 47.6% }
	
	.site-content {width: 100%; max-width: 100%;}
}
/* Mobile (Portrait & Landscape)
================================================== */
@media only screen and (max-width: 767px) { 
	.site-main { max-width: 480px; width: 90%; }
	.sidebar-left,
	.sidebar-right { width: 100%; max-width: 100%; }
	.sidebar-right { margin-top: 50px }
	
	.col { width: 100%; margin-left: 0; margin-bottom: 25px; }
	.masonry-grid { margin-left: 0; margin-right: 0; }
	.masonry-entry { width: 47.5% !important; margin-bottom: 25px !important; }
}
/* Mobile (Landscape)
================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px) { 
	.sidr { width: 480px }
	.sidr.right { right: -480px }
	.site-content { width: 100%; max-width: 100%; }
	.site-main {width: auto; max-width: 100%; margin-left: 15px; margin-right: 15px;}
	.masonry-grid { max-width: 480px; width: 80% !important; margin-left: auto; margin-right: auto; }
	.masonry-entry { width:100% !important; }
	
}
/* Mobile (Portrait only)
================================================== */
@media only screen and (max-width: 479px) {
	.site-content { width: 100%; max-width: 100%; }
	.masonry-entry { width: 100% !important; margin-bottom: 25px !important; }
}